ul, li {
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

body {
    margin: 0;
    /*background-color: #c4e8ff;*/
    background-color: #fff;
}

body img {
    transition-duration: 0.5s; /*过度的时间为0，5秒*/
}

body img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); /*Safari 和 Chrome*/
    -moz-transform: scale(1.05); /*Firefox*/
    -ms-transform: scale(1.05); /*IE9*/
    -o-transform: scale(1.05); /*Opera*/
}
/* 横向 */
.flex-row {
    display: flex;
    flex-direction: row;
}
/* 纵向 */
.flex-col {
    display: flex;
    flex-direction: column;
}
/* 横轴居中对齐 */
.flex-align-center {
    align-items: center;
}
/* 横轴两端对齐 */
.flex-justify-between {
    justify-content: space-between;
}
/* 横轴两端平均对齐 */
.flex-justify-around {
    justify-content: space-around;
}
/* 换行 */
.flex-wrap {
    flex-wrap: wrap;
}
/* 鼠标小手指 */
.pointer {
    cursor: pointer;
}
